*{margin:0; padding: 0;}
body{ width: 100%; background-color:#EEE; color:#333;font-family:Helvetica, Arial, "PingFang SC", "Noto Sans", Roboto, "Microsoft Yahei", sans-serif, sans-serif;font-size:15px;
font-weight:400;line-height:1.5;letter-spacing:.03em;text-align:left;}
li{ list-style: none; }
a{ text-decoration: none;color:#333; }
a:hover{ text-decoration: underline; }

header{width:100%; height:50px; line-height: 50px; text-align: center; background-color: #f16b6f; color:#9055A2;}
header .logo{ float: left; padding-left: 10px; color: #FFF; }
header .contact{ float: right; padding-right: 10px; color: #FFF; }
.content{ max-width:1200px; min-height: 600px; margin: 0 auto;}
section{ margin-top: 20px; background-color: #FFF; padding-bottom: 12px;}
section .title{ height: 30px; line-height: 30px; padding: 5px 10px 5px 40px; background: url(ico_list.png) 10px center no-repeat #4EC9B0; color: #333030; }
section .title .more{ float: right; }
.tools{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));justify-content: space-evenly;}
.tools li{font-size: 12px; background-color:#FDF6E3;padding: 10px;border: 1px solid #ccc;border-radius: 5px; margin-left:12px; margin-top: 12px;}
.tools li:nth-child(4n){ margin-right: 12px; }
.tools li .t{ overflow: hidden; }
.tools li .t .icon{ width:50px; height: 50px; float: left; margin-right: 10px; border-radius: 10px;}
.tools li .t .name{ font-size: 16px; line-height: 30px; }
.tools li .t .collect{  float: left;}
.tools li .t .categroy{ float: right; }
.tools li .desc{ border-top: 1px solid #ddd; font-size:14px;margin-top: 8px; padding: 10px 0;overflow: hidden; text-overflow: ellipsis; 
	white-space: nowrap;}
.tools li .link a{ color: #999; float: left; }
.tools li .go{ float: right; }


footer{width:100%; height:50px; margin-top: 20px; text-align: center; color:#2E294E;background-color: #D1B6E1;line-height: 50px;}